<template>
	<view class="content">
		<view class="center">
			<u-form :model="BuyerInfo" ref="BuyerInfo" label-width="130" :border-bottom="false">
				<u-form-item class="from" label="收货人">
					<u-input v-model="BuyerInfo.Shipping" :clearable="false" />
				</u-form-item>
				<u-form-item class="from" label="联系方式">
					<u-input v-model="BuyerInfo.mobile" :clearable="false" />
				</u-form-item>
				<u-form-item class="from"  label="所在地区">
					<view class="flex" >
						<span class="form-text wordNoSpace">{{BuyerInfo.selAdd}}</span>
						<u-icon name="arrow-right" size="32"></u-icon>
					</view>
				</u-form-item>
				<u-form-item class="from" label="详细地址">
					<u-input v-model="BuyerInfo.House" :clearable="false" />
				</u-form-item>
				<u-form-item  label="设置为默认地址" label-width="210">
					<u-switch v-model="BuyerInfo.isValue" active-color="#00c6c2" inactive-color="#eee" slot="right" size="36"></u-switch>
				</u-form-item>
			</u-form>
		</view>
		<view class="delete">
			删除收货地址 
		</view>
		<view class="bot-btn">
			保存
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				latitude: 0,
				longitude: 0,
				checked: true,
				BuyerInfo: {
					selAdd: "四川省成都市",
					Shipping: "李欣然",
					mobile: "12345678901",
					House: "A座11-1103",
					isValue: true
				},

				btnPlus: {
					width: "690rpx",
					height: "80rpx",
					bordeRadius: "40rpx",
					background: " #00c6c2",
					fontSize: "30rpx",
					color: "#FFFFFF"
				}
			}
		},
		created() {
			// this.handleMap()
		},


		methods: {



		}
	}
</script>
<style>
	page {
		background-color: #F7F7F7;
	}
	
</style>
<style scoped>
	


	.flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.center {
		border-radius: 12rpx;
		background: #FFFFFF;
		padding:0 20rpx;
	}

	.from {		
		display: flex;
		padding: 0 0;
		background-color: #FFFFFF;
		font-size: 28rpx;
		color: #303133;
		box-sizing: border-box;
		line-height: 70rpx;
		flex-direction: column;
		border-bottom: 1rpx solid #E0E0E0;
	}

	.form-text {
		width: 100%;
	}
	.delete{
		padding: 0 20rpx;
		height: 85rpx;
		line-height: 85rpx;
		background-color: #FFFFFF;
		margin-top:40rpx;	
		font-size: 26rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #000000;
	}
	.bot-btn {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 88rpx;
		background-color: #00c6c2;
		line-height: 88rpx;
		text-align: center;
		font-size: 30rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #FFFFFF;


	}
</style>
